﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<title>${webinfo.title }</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="${webinfo.descript }" />
<meta name="author" content="${webinfo.owner }" />
<meta name="keyworkds" content="${webinfo.keyword }" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
	<div id="wrapper">
		<!-- start header -->
		<header>
			<div class="navbar navbar-default navbar-static-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target=".navbar-collapse">
							<span class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="index.html"><img
							src="img/logo.png" alt="logo" /></a>
					</div>
					<div class="navbar-collapse collapse ">
						<ul class="nav navbar-nav">
							<li><a href="_index.html#maodian1">首页</a></li>
							<li><a href="_index.html#maodian_service">提供服务</a></li>
							<li><a href="_index.html#maodian_aboutus">关于我们</a></li>
							<li><a href="_index.html#maodian_price">产品展示</a></li>
							<li><a href="_index.html#maodian_content">服务网点</a></li>
							<li><a
								href="_index.html#maodian_content">最近新闻</a></li>
							<li><a href="contact.jsp">联系我们</a></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<!-- end header -->
		<h1 style="width: 90%;margin-left: 5%;text-align: left;">${service.title }修复实例展示</h1>
		<hr style="width: 90%;margin-left: 5%;"/>
		<section id="content">
			<div class="container content">
				<!-- Service Blcoks -->
				<div class="row service-v1 margin-bottom-40">
					<c:if test="${!empty examples }">
						<c:forEach items="${examples }" var="n" varStatus="a">
							<c:if test="${a.count eq 2 or a.count mod 3 eq 2}">
								<div class="col-md-4">
							</c:if>
							<c:if test="${a.count != 2 && a.count mod 3 != 2 }">
								<div class="col-md-4 md-margin-bottom-40">
							</c:if>
							<c:if test="${n.type == 1 }">
										<a href="axxf/getOneCase.do?id=${n.id }"><img class="img-responsive" src="${n.resource }" alt="${n.title }" /></a>
							</c:if>
							<c:if test="${n.type == 2 }">
										<video  id="showVedio" poster="${n.fmResource }" src="${n.resource }" controls="controls" preload="none" width="100%" height="100%" style="max-height: 210px"></video>
							</c:if>
							<c:if test="${n.type == 3 }">
										<embed type="application/x-shockwave-flash" src="${n.resource }" width="357" height="210" id="showSwf" quality="high" wmode="transparent" scale="noscale" 
       	 								menu="false" allowfullscreen="true" flashvars="lm=">
							</c:if>
							<span style="width:100%;position: relative;">
								<a href="axxf/getOneCase.do?id=${n.id }"><h2>${n.title }</h2></a>
<%-- 								<p>${n.content }</p> --%>
							</span>
				</div>
				<c:if test="${a.count mod 3 eq '0' }">
								</div>
								<div class="row service-v1 margin-bottom-40">
							</c:if>
				</c:forEach>
				</c:if>
				<c:if test="${empty examples }">
					<span style="width:100%;position: relative;">
						<p>该项服务未添加相关实例</p>
					</span>
				</c:if>
			</div>
			<!-- End Service Blcoks -->

			<hr class="margin-bottom-50">
	</div>
	</section>
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="copyright">
						<p style="text-align: center;">
							${webinfo.footer }<a target="_blank" href="${webinfo.domain }">${webinfo.title }</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</footer>
	</div>
	<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
	<!-- javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.fancybox.pack.js"></script>
	<script src="js/jquery.fancybox-media.js"></script>
	<script src="js/portfolio/jquery.quicksand.js"></script>
	<script src="js/portfolio/setting.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/animate.js"></script>
	<script src="js/custom.js"></script>
</body>
</html>